
.loginContainer {
  display: grid;
  place-items: center;
  min-height: 90vh;
  background: transparent url('../../public/img/loginBG.png') no-repeat 0 0/cover;
  

  #login {
    width: 24%;
    min-width: 280px;
    padding: 130px 0 60px 0;
    background-color: rgba(155,147,147,.3);
    backdrop-filter: blur(5px);
    border-radius: 15px;
    label {
      font-size: 16px !important;
      color:#fdeded;
    }
    .myBtn {
      border: 1px solid #814de9;
      color: #e6dada;
      outline: none;
      padding: 4px 15px;
      background-color: #7358fcf0;
      transition: color .5s;
      font-weight: 600;
      &:hover {
        cursor: pointer;
        box-shadow: 0 0 4px #7c44eb, 0 0 10px #7c44eb;
        color: white;
      }
      &:active {
        background-color: rgba(0,0,0,.3);
      }
    }
  }

}